import React, { useState } from 'react';
import {Prompt} from 'react-router-dom'

const MyForm = () => {
  const [isPrompt, setIsprompt] = useState(false)
  return (
    <>
      <h2>Prompt组件</h2>
      <input onChange={e => setIsprompt(e.target.value.trim().length != 0)}></input>
      <Prompt 
      when={isPrompt}
      message={"将要离开页面，确定吗"}></Prompt>
    </>
  );
  /**
   * Prompt组件
   * when    是否提示 默认true
   * message 提示信息
  */
};

export default MyForm;